/*
 * @Author: xiaosihan 
 * @Date: 2024-11-30 11:37:55 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-12-01 01:23:32
 */

.goodsModal {
  position: relative;
  height: 600px;
  padding-top: 20px;
  user-select: none;

  .left {
    width: 200px;
    height: 100%;
    float: left;
    overflow-y: auto;

    &::-webkit-scrollbar {
      width: 2px;
      height: 10px;
      background-color: rgba(0, 0, 0, 0);
    }

    &::-webkit-scrollbar-track {
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
      border-radius: 2px;
      background-color: rgba(0, 0, 0, 0);
    }

    &::-webkit-scrollbar-thumb {
      border-radius: 2px;
      background-color: #fd7901;
    }
  }

  .right {
    width: calc(100% - 230px);
    height: 100%;
    float: left;

    .filter {
      :global(.ant-select) {
        margin-left: 10px;
      }
    }

    .pagination {
      float: right;
      margin-right: 30px;
      margin-top: 10px;
    }

    .goodsList {
      padding: 10px;

      .goodsItem {
        float: left;
        padding: 4px;
        width: 174px;
        text-align: center;
        cursor: pointer;
        border: 1px solid #00000000;

        &:hover,
        &.active {
          border: 1px solid #fd7901;
          border-radius: 8px;
          box-shadow: 0px 0px 2px #fd7901;
        }

        .img {
          display: inline-block;
          height: 150px;
        }

        .name {
          font-weight: bold;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          text-align: left;
          width: 150px;
        }
      }
    }
  }


  :global(.ant-collapse-header) {
    color: #000000 !important;
    cursor: default !important;
  }

}